@import "../../../base/base";
@import "~pofod/base/base";
@prefix:first-screen;
.@{prefix}{
  width: 100%;
  overflow: hidden;
  background-position: center 108px;
  background-repeat: no-repeat;
  background-size: cover;
  .@{prefix}-content-container{
    .max-media(1200px,{
      padding:0 10px;
    });
    height: 100%;
    color: #fff;
    max-width: @box-width;
    .margin-center;
    position: relative;
    .@{prefix}-table {
      position: absolute;
      top: 40%;
      .translate(0,-50%);
      padding-right: 10px;
      .max-media(1200px,{
        top:20%;
      });
      h2 {
        color: #fff;
        position: relative;
        font-size: 36px;
        margin-bottom: 30px;
        .max-media(1200px,{
          font-size: 30px;
        });
        &:after {
          position: absolute;
          content: "";
          width: 100px;
          height: 5px;
          background: #fff;
          left: 0;
          bottom: -15px;
        }
      }
      .@{prefix}-content {
        max-width: 630px;
        .max-media(375px,{
          line-height: 20px;
        });
      }
    }
  }
}